Hello and welcome to this lecture.
In this lecture we are going to create the stylin for our app using CNS.
So this is the first violin where we use for our Happe from the external CSF far so I'll just run through
the styling with you.
Line 1 2 5 is the first selector.
So we are using the button one IED selector that button one was defined in our hastier Melb.
So what I'm saying here is that the padding padding refers to the space inside the element while margin
refers So this is outside.
They both have four corners wishlist.
Top right bottom left side said and one the padding to be 10 pixels for all four corners.
Top right bottom left or the radius are specified to be 30 pixels.
Body radios makes is what gives s ears square or rectangle.
They're round at round corners.
Have said that background colour to lime.
Paul button No.
I've got a but an idea here.
Call button.
Ha.
Again Spad in 10 pixels similar stiring with the first button and then a court.
Has got good image.
This is it makes Tag have said the with for the image or the whole one all the images to have the same
size and height.
So this is where I have set it and one way to be in line 5 is pixels and the height 5 7 8 pixels you
could play around with values and change it if you wish.
Just to see the one that suits you best.
I have got another class here quad wrapper.
This is a container and have at the margin.
This is the rabbis what were wrap the images.
Each hole is what will form be main slider so I have set the margin from the left to move a hundred
pixels so that the files save the thiamine.
Then we can have a look and see what the projet looks like if I just refresh it can see this time in
the margin from the left eyes.
I used to move this from the left to 100 pixels.
Shift it that way.
Okay so we defined that using.
We defined our use in this margin here.
What I am saying that from the left I wanted to shift a hundred pixels which is what you call he was
previously on the corner so the margin has now shifted 100 pixel this week.